// 个人用户信息逻辑 js 
// 获取用户信息
// 1. 看文档 => 对应的接口地址=> 需要的传的值
// 2. 发送请求
console.log('当前userInfo 页面的window',window);
console.log('当前userInfo 页面的window',window.parent);
const baseUrl = 'http://api-breakingnews-web.itheima.net' // 根路径
// 获取用户信息
function getUserBySelf() {
  axios.get(`${baseUrl}/my/userinfo`, {
    headers: {
      Authorization: localStorage.getItem('token')
    }
  }).then(res => {
    const { status } = res.data
    if (status === 0) {
      const { email, id, nickname, username } = res.data.data
      // console.log('获取的值', res);
      // 页面三个输入框的赋值
      // 用户名
      $('input[name=username]').val(username)
      // 用户昵称
      $('input[name=nickname]').val(nickname)
      // 邮箱
      $('input[name=email]').val(email)
      // id
      $('input[name=id]').val(id)
    }
    // 验证失败
    if (status === 1) {
      // 为了安全性=>为了代码的简洁性=> 将本地存储的token 清除掉
      localStorage.removeItem('token')
      location.href = '/login.html'
    }
  })
}
getUserBySelf()
// 修改信息
// 1.给form 注册submit 事件
$('form').on('submit',e=>{
  e.preventDefault()

  // 2.获取昵称 和 邮箱
  // const nickname = $('input[name=nickname]').val()
  // const email = $('input[name=email]').val()
  // const id = $('input[name=id]').val()
  // 注意: 后台要求的格式是key=value&key=value
  // 方式一: 自己拼接
  // 方式二：JQ 序列化
  const data = $('form').serialize()
  // debugger
  // 3.看接口文档 需要什么
  axios.post(`${baseUrl}/my/userinfo`,data,{
    headers: {
      Authorization: localStorage.getItem('token')
    }
  }).then(res=>{
    // 判断当前接口返回正常
    // console.log(res);
    if(res.data.status === 0){
      // 备注: 由于iframe 是当前网页的内嵌的小网页,所以在当前页面获取的window是全局的window的儿子
      // _getUser被挂载到父亲身上 获取父亲身上的方法
      // window.parent 
      window.parent._getUser()// 调取父亲身上的方法,来执行当前方法内部的代码,去做一个刷新
    }
  })
})

// 重置按钮
// 1.注册点击事件
// 2.重新请求接口
// 3.做渲染
$('.my-reset').on('click',e=>{
  e.preventDefault()
  getUserBySelf() // 重新执行 获取信息的接口
})

// 表单的验证
let form = layui.form;

form.verify({ // 指定规则名和对应的验证规则
    nickname: [ // 昵称
        /^[\u4E00-\u9FA5]+$/,  // 大于等于1
        '昵称只能是中文'
    ],
})